エレコム 電源タップ ほこり防止シャッター 3個口 3m ホワイト T-ST02N-2330WH
¥745 (2025年4月30日 13:11 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)【Amazon.co.jp限定】IKERY USB ハブ Type-c 7-in-1多機能 ドッキングステーション HDMI 変換 USB-C/USB-A SD/TFカード 7ポート 搭載 バスパワー 5Gbps高速転送 3.0 USB HUB PD急速充電 タイプC ハブ付 コンパクト 軽量 iPhone iPad Mac android Windows 等対応 アダプター 在宅勤務出張便利
¥849 (2025年4月30日 13:13 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
今回、
Vite(React)+Go(サーバーサイド)+AWS(インフラ) を使って、
フロントエンド・バックエンド・インフラすべてを一人で構築してみた記録です。
私自身プログラミングスクールに通い、半年勉強したが、結局、学べたのはReactのみ、、
実際にデプロイして、みたいなのはやったことがなかった。
同じように「全部自分でやってみたい」と思っている方に向けて、
備忘録的にもまとめておきます!
できたHP
https://run4learning.com/
• フロントエンド:Vite + React
• バックエンド:Go(Golang)
• インフラ:AWS EC2 S3 Route53、Let’s Encrypt(SSL証明書)
- フロントエンド(Vite + React)
- ViteでReactプロジェクト作成
- axiosでAPI通信部分を実装
- CORSエラー対策をしながらサーバーと連携
2. バックエンド(Go)
- GoでREST APIサーバー作成
- データベース接続(MySQL)
- APIエンドポイントの実装
- ログイン認証
3.インフラ(AWS)
- EC2インスタンス立ち上げ(Amazon Linux2)
- ドメイン設定(Route53)
- Goサーバーをsystemdで管理(myblog.service作成)
- Let’s EncryptでSSL証明書取得
- HTTPS通信に対応(443ポート対応)
4. その他 セキュリティ諸々
総括
基本的にはChatGPTと共に制作したが、とってもいい。学習にもなる。
まずはハンズオンで進めて正解だったなと感じた。
詳しい制作過程は次回以降に随時配信していく。
Views: 2